<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部样式表 -->
     <style>
        /* id选择器 #id 选择id为xxx的一个元素 */
        #one{
            background-color: pink;
        }

        /* 类选择器 选取一类类名相同的标签 .class{} */
        .four{
            /* bgc 快捷健 */
            background-color: blue;
        }
     </style>
</head>
<body>
    <!-- 图片标签 src 本地或者网络图片地址 alt 图片加载失败的文字说明 
     img特有属性:src alt width height
    -->
     <img width='150px' src="./音视频/ad7.jpeg" alt="图片加载失败">
     <div width="100px" height="100px">块级元素</div>
     <!-- <img src="https://www.baidu.com/link?url=TkGVG82itJmN94qG8bzsBnOPFS6vKS17CRlO6gIokOsUmFBCkXjRbL4jonnuYR4nN2hKOvrA5CIlRTClEcOn4ldTJWSLmNWCKkK1IEPC5f-bbNwWngm7K2DGgoN-8t9wXTGrS4Yd60mpOWSWOdepTtWU10rXhqUchTPZ7DR2uY9zq33PSo2nh80VDmSOUZQXMjXJtCMFOJsAsvfG4tSS9WxQ-g4a_0vY5QJEtdAV7tqd-2l7ZgMLLmJMDA3hZdICDBlE5TPU0adZyhfzdG-hcfgZvbFww66lu_0BJwS8-irUrdpX3ScSCfNrPxoCIQ8WNJa6RTLj-0MTRZAr1btc4lRB1KQey9K3J66yVztQq_p1GzVWb94wlYipzRk01yirxchE1D0vexhBYy8t35-lzwlBbweRPkodYoILzW2LnPCnrdQxK9xLSpnjPntRbLPneI76KF2rrcIq3-pARHof0Mwh1qW1a6cOuJ1YrulpxvKDTjmg73csaLKWVWyTbetCCrUxTaCkpfe3IHmHVLWnQK12GJQUBQOZttr_TiiQ5L8wGCePaCWM_RMVOErcYu4WiAiwPU4M5h5K8FD4TXz1AHNLiyC2mSXHOXRHFT0CkLHsT4C1mUpXgqduLC9vjHQy9vCF2pHn1FFETayG3flChq&wd=&eqid=86ca469e00093dd10000000366792a4a" alt=""> -->

     <!-- 所有标签都可以使用属性 
      id 唯一标识 类似于人的身份证
      class 一类标识 类似于人的名字
      style 行内样式 给标签设置样式
      title 鼠标悬浮到标签上的文字说明
      -->
      <div id="one">块级元素</div>
      <div style="background-color: green;" title="我是鼠标悬浮到标签上的文字说明">块级元素</div>
      <div class="four">块级元素</div>
      <div class="four five">块级元素</div>
      <!-- 视频标签 vide 音频标签 audio
      video标签特有的属性:
      src 视频地址资源链接 
      controls 控制条
      autoplay 自动播放
      muted 静音播放
      width 宽
      height 高
      poster 封面
      loop 循环播放
      -->
      <video loop autoplay poster="./音视频/ad7.jpeg" width="300px" src="./音视频/1.mp4" controls muted></video>
      <!-- 音频标签 audio
       特有属性：
       autoplay loop muted controls src
        -->
       <audio autoplay loop muted src="./音视频/1.mp3" controls></audio>
</body>
</html>